/* 
    Document   : admin_style
    Created on : Mar 12, 2013, 1:53:19 PM
    Author     : Thinh
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
    background: #2E5E79;
    color: #333;
    font-size: 11px;
    padding: 0;
    margin: 0;
    font: 13px/1.5 Tahoma, Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

}

/* commons
---------------*/
.floatleft{float:left;}
.floatright{float:right; margin-top: -12px;}
.fontwhite{color: #fff;}
.small{font-size: 9px;}
.inline-ul li{display: inline; color:#fff;}
.marginleft10{margin-left:10px;}
.grey{color: #C2C2C2;}

/*container ---*/
.admin-container {
    background: #2E5E79;
    width: 100%;
}

/*header --*/
.header-repeat{background: url(../images/admin/header-repeat.jpg) repeat-x;}
#branding {
    font-weight:normal;
    text-align:left;
    padding:2em 1em 1.6em 1em;
    margin-bottom:0;
}
#branding a{color:#A1AEFF; font-weight: normal; text-decoration: none}
#branding a:hover{color:#fff}
#branding a:before{content: " | "; color:#fff}
#branding ul, #branding ul li{margin:0px; padding:0px; }
#branding li{padding:0px 0px 0px 0px !important;}

.grid_12 {
    background-position: 99% 50%;
    width: 98%;
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

/*heading --*/
/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}

h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}

/*footer --*/
.footer {
	color:#fff;
	background:#204562;
	border-top:1px solid #1d3b53;
	padding-left:20px;
        background-position: bottom center;

}

.clear {
	clear: both;
}

/* userblock --*/
.rightColumn{
    color: black;
    width: 70%;
    float: left;
    display: inline;
    margin-left: 1%;
    margin-right: 1%;

}
.leftColumn {
    color: white;
    width: 14.666%;
    float: left;
    display: inline;
    margin-left: 1%;
    margin-right: 2%;
    overflow: hidden;
    margin-top: 20px;
}

.leftColumn h2 {
    font-size:1.2em;
    font-weight:bold;
    color:#1B548D;
    background:#E6F0F3;
    margin:-10px -10px 0 -10px;
    padding:10px 12px;
    border-bottom:1px solid #B3CBD6;

    -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
    -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
     border-radius: 5px 5px 0px 0px; /* CSS3 */
}
/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}

/* menu --*/
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
        width: 100%;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}

/* section menus
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
        padding: 0;
        color: black;
        margin-top: 0;
}
ul.section li {
        background:url(../images/admin/sidemenu-repeat.jpg) repeat-x;
	line-height:26px;
        padding-left: 30px;
}
ul.section li a {
	background:url(../images/admin/sidemenu-repeat.jpg) repeat-x;
	line-height:26px;
}
ul.section li a:hover {
	background:url(../images/admin/sidemenu-repeat-hover.jpg) repeat-x;
}
ul.section li a:active {
	color:#1B548D;
	background:url(../images/admin/sidemenu-repeat-hover.jpg) repeat-x;
}
ul.section li li a {
	background:#ddd;
	border-bottom:1px solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#E6F0F3;
}
ul.section ul.current li a:active {
	background:#E6F0F3;
}
ul.section li a.current {
	color:#1B548D;
	background:url(../images/admin/sidemenu-repeat-hover.jpg) repeat-x;
}
ul.section li a.current:hover {
	color:#1B548D;
	background:url(../images/admin/sidemenu-repeat-hover.jpg) repeat-x;
}
ul.section li a.current:active {
	color:#1B548D;
	background:url(../images/admin/sidemenu-repeat-hover.jpg) repeat-x;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}

/* Box grid table**/
.boxa.first {
    margin-top: 20px;
}

.boxa.round {
    -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
    -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
    border-radius: 5px 5px 0px 0px; /* CSS3 */
}

.boxa.grid {
    padding-bottom: 40px;
}

.boxa {
    background: #fff;
    margin-bottom: 20px;
    padding: 10px;
    margin-left:  -8px;
}

.boxa h2 {
    	font-size:1.2em;
	font-weight:bold;
	color:#1B548D;
	background:#E6F0F3;
	margin:-10px -10px 0 -10px;
	padding:10px 12px;
	border-bottom:1px solid #B3CBD6;

        -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
        -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
         border-radius: 5px 5px 0px 0px; /* CSS3 */
}

/*table **/
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
        color: #000000;
}
tr.odd {
    	  height: 30px;
        line-height: 30px; border-bottom:1px solid #e6e6e6;
}

tr.odd:hover {background: #f6f6f6;}
tr.odd.td { padding-left:5px;}
/*table sorting**/
.sorting_asc {
    background: #8f8f8f url(../images/admin/table/sort_asc.jpg) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

.sorting_desc {
	background: #8f8f8f url(../images/admin/table/sort_desc.jpg) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

.sorting_asc_disabled {
	background: #8f8f8f url(../images/admin/table/sort_asc_disabled.png) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

.sorting_desc_disabled {
	background: #8f8f8f url(../images/admin/table/sort_desc_disabled.png) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

.sorting {
	background:#8f8f8f   url(../images/admin/table/sort_both.png) no-repeat center right; padding:8px 5px; text-align:left; color:#fff;
}

/* Search **/
.search {
	width: 50%;
	float: right;
	text-align: right;
	margin-bottom: 1em;
        margin-top : 5px;
}

